<!DOCTYPE html>
<!--
	NOTES:
	1. All tokens are represented by '$' sign in the template.
	2. You can write your code only wherever mentioned.
	3. All occurrences of existing tokens will be replaced by their appropriate values.
	4. Blank lines will be removed automatically.
	5. Remove unnecessary comments before creating your template.
-->
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="authoring-tool" content="Adobe_Animate_CC">
    <title>出游放肆玩</title>
    <!-- write your code here -->
    <!-- 引入样式文件 -->
<!--    <link-->
<!--            rel="stylesheet"-->
<!--            href="https://fastly.jsdelivr.net/npm/vant@4/lib/index.css"-->
<!--    />-->
<!--    vant插件样式-->
    <link href="css/index.css" type="text/css" rel="stylesheet">
    <link href="css/css.css?v=2348" type="text/css" rel="stylesheet">
    <style>
        .radio-box{
            /*top: 0;*/
            /*opacity: 0;*/
            /*width: 1px;*/
            /*height: 1px;*/
            /*position: absolute;*/
            /*background-color: #14246E;*/
            display: flex;
            align-self: start;
            position: relative;
            align-items: center;
        }
        .radio-box input[type='radio'] {
            opacity: 0;
            width: 100%;
            height: 100%;
            position: absolute;
        }
        .radio-box input[type='radio'] + .label {
            display: flex;
            align-items: center;
        }
        .radio-box input[type='radio'] + .label:before {
            content: "";
            width: 20px;
            height: 20px;
            display: block;
            margin-right: 5px;
            border-radius: 50%;
            box-sizing: border-box;
            background-color: #E4E3E3;
        }
        .radio-box input[type='radio']:checked + .label:before {
            border: #5CB945 solid 1px;
            background: radial-gradient(#5CB945 5px, #E4E3E3 6px);
        }

        #canvas {
            left: 50%;
            transform: translateX(-50%);
        }

        input[type='text'] {
            margin: 0;
            padding: 0;
            border-width: 0;
            font-size: 0.35rem;
            text-align: center;
            position: absolute;
            background: transparent;
            outline: none;
        }

        input[type='text']:disabled {
            color: #000000;
        }

        textarea {
            margin: 0;
            width: 100%;
            height: 100%;
            font-size: 0.35rem;
            border: #ABABAB solid 1px;
            border-radius: 5px;
            box-sizing: border-box;
        }

        .button {
            color: white;
            background-color: #BA549C;
            border: #BA549C solid 1px;
            border-radius: 0.5rem;
        }

        .share-view {
            visibility: hidden;
            position: absolute;
            background: transparent !important;
            background-color: transparent !important;
        }

        .share-view img {
            width: 100%;
            height: 100%;
            /*opacity: 0!important;*/
        }

        .share-view.show {
            visibility: visible;
        }

        .video-player {
            width: 0;
            overflow: hidden;
            position: absolute;
            border-radius: 15px 15px 0 0;
            border: #DDDDDD solid 1px;
            box-sizing: border-box;
        }

        .video-player.show {
            width: unset;
            visibility: visible;
        }

        .video-player video {
            width: 100%;
            height: 100%;
            display: block;
            background-color: #DDDDDD;
        }

        .video-player .screen {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            overflow: hidden;
            position: absolute;
            color: white;
            pointer-events: none;
        }

        .danmu {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: center;
        }

        .danmu .danmu-icon {
            z-index: 2;
            width: 22px;
            height: 22px;
            overflow: hidden;
            position: relative;
            border-radius: 50%;
            border: 1px solid #ffffff;
        }

        .danmu .danmu-icon img {
            margin: 0;
            padding: 0;
            width: 100%;
            vertical-align: top;
        }

        .danmu .danmu-txt {
            height: 18px;
            font-size: 12px;
            line-height: 18px;
            margin-left: -10px;
            padding-left: 20px;
            padding-right: 10px;
            white-space: nowrap;
            border-radius: 0px 10px 10px 0px;
            border: 1px solid #ffffff;
            border-left-width: 0;
            background-color: #ffffff;
        }

        .danmu.color1 .danmu-icon {
            border-color: #069ED2;
        }

        .danmu.color1 .danmu-txt {
            color: #069ED2;
            border-color: #069ED2;
        }

        .danmu.color2 .danmu-icon {
            border-color: #CE3180;
        }

        .danmu.color2 .danmu-txt {
            color: #CE3180;
            border-color: #CE3180;
        }

        .danmu.color3 .danmu-icon {
            border-color: #60A54C;
        }

        .danmu.color3 .danmu-txt {
            color: #60A54C;
            border-color: #60A54C;
        }

        .danmu.color4 .danmu-icon {
            border-color: #642578;
        }

        .danmu.color4 .danmu-txt {
            color: #642578;
            border-color: #642578;
        }

        .danmu.color5 .danmu-icon {
            border-color: #0501C9;
        }

        .danmu.color5 .danmu-txt {
            color: #0501C9;
            border-color: #0501C9;
        }

        .input-box {
            position: absolute;
        }

        .input-box.show {
            visibility: visible;
        }

        .input-box input {
            width: 100%;
            height: 100%;
            display: block;
            font-size: 18px;
            color: #FFFFFF;
            position: absolute;
        }

        #user_name {
            visibility: hidden;
        }

        #user_phone {
            visibility: hidden;
        }

        #user_addres {
            visibility: hidden;
        }

        #loading{
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            /*display: none;*/
            z-index: 100000;
            position: absolute;
            background-color:#ffffff;
        }
        #loading .bar{
            top: 50%;
            left: 50%;
            width: 30%;
            height: 3px;
            position: absolute;
            background-color: #015610;
            transform: translate3d(-50%,-50%,0);
        }
        #loading .bar .progress{
            left: 0;
            bottom: 0;
            width: 0%;
            height: 5px;
            position: absolute;
            background-color: #0D962F;
            transform: translateY(-2px);
        }
        #loading .text{
            top: 50%;
            width: 100%;
            height: 20px;
            font-size: 12px;
            color: #0D962F;
            line-height: 20px;
            text-align: center;
            position: absolute;
            transform: translateY(10px);
        }
        h1, h2, h3 {
            color: #2a3f54;
            font-size: 14px;
        }

        .section {
            background: #fff;
            padding: 20px;
            border: 1px solid #ddd;
            margin-bottom: 20px;
            border-radius: 5px;
        }

        .subsection {
            margin-bottom: 15px;
        }

        .rules {
            list-style-type: decimal;
            margin-left: 12px;
            padding-left: 0;
        }

        .rules > li {
            margin-bottom: 10px;
        }

        .highlight {
            font-weight: bold;
            color: #d9534f;
        }

        .contact-info {
            font-size: 12px;
            color: #555;
        }

        .note {
            font-size: 10px;
            color: #888;
        }
    </style>
<!--    <script src="js/rem.js"></script>-->
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/createjs.min.js"></script>
    <script src="js/vue.global.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/js.cookie.js"></script>
    <script src="js/gif.js"></script>
    <script src="js/store.legacy.min.js"></script>
    <script src="https://code.createjs.com/1.0.0/createjs.js"></script>
    <script src="main.js?1725960583802"></script>
    <script src="js/misc.js?1725960583798"></script>
    <script src="js/page_util.js?1725960583798"></script>
    <script src="js/main_page.js?1725960583802"></script>
    <script src="js/button.js?1725960583798"></script>
    <script src="js/config.js?1725960583798"></script>
    <script src="https://api.map.baidu.com/api?v=2.0&type=webgl&ak=poF3iiPv10thMPHIAFcmev3kttnPn0t8"></script>
    <script src="js/scorll_view.js?1725960583802"></script>
    <script src="js/Text.js?1725960583798"></script>
    <script src="js/jquery.qrcode.min.js"></script>
<!--    <script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script>-->
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src="js/weixin_ticket.js?1725960583798"></script>
<!--    <script src="https://unpkg.com/js-bullets@latest/dist/BulletJs.min.js"></script>-->
    <script src="https://unpkg.com/js-bullets@0.0.1/dist/BulletJs.min.js"></script>
<!--    <script src="https://cdn.bootcdn.net/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>-->
<!--    <script src="js/encypt_des.js"></script>-->
<!--    <script src="js/jSignature.js"></script>-->
<!--    <script src="js/js.cookie.js"></script>-->

    <script src="js/vant4.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<!--    <script src="https://online.jup360.com/hteam/www/linkmed/linkmed.js"></script>-->
    <script>
        // eruda.init()

        // loadJS(
        //     "https://online.jup360.com/hteam/www/linkmed/linkmed.js?time=" + new Date().getTime(),
        //     function () {
        //         console.log("## linkmed.js loaded")
        //     }
        // )

        // 分享地址
        // var shareUrl_1 = "https://m.jjmc.cn/s/f93405041dfa71f9";
        // // 助力地址
        // var shareUrl_2 = "https://m.jjmc.cn/s/f93405041dfa71f9?startId=10";
        // var url_head = "https://www.stg.linkmed.cn/linkmed/";

        let httpHead = "http://online.jup360.com/" // "http://localhost:28003/" //
        var appid = "wxc407caeb5835eb19";

        var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation, stageScale, stage_inited=false;
        var pageUtil, mainPage;
        var canvasScale, WIDTH, HEIGHT;
        var ORIENTATION;
        //
        var rowNum = 0;
        // var userName = "";
        //
        var music_state = true;
        //
        var indexViewId = 1;
        var pRatio, xRatio, yRatio, sRatio;
        // var redirect = null;
        // var accessToken = null;
        //
        // var userid = getQueryVariable("userid");
        // var openid = null;
        //
        // var key = "5fe160537cb92982"; // "ff5533f7"; //
        // var secret = "6D0004DAA342DC4816C1A36749A4B7C3";// "514F90E2A7E171EA29102785C1A22AC0";//
        //
        // console.log("## query variable: ", userid)
        //
        // var interceptionFreeView = [5, 6, 10];
        //
        // var mainData = {
        //     // 是否需要签约
        //     sigened: false,
        //     // 赛季
        //     season: {
        //         id: 1, //1,2,3
        //         project: {
        //             id: 1  //
        //         }
        //     },
        //     seasons: null,
        //     user: {
        //         // 用户信息
        //         userInfo: null,
        //         accessToken: null,
        //         // 已经选项目
        //         projects: null // [{season: 1, project:1, sigened: true, title:"项目名称1", noNum:"0000123"}]
        //     }
        // }
        //
        // if(getQueryVariable("startId")!=null) {
        //     indexViewId = Number(getQueryVariable("startId"));
        // }
        //
        // ///////// 拖动相关
        var drager_ = {
            x: 0,
            y: 0,
            startY:0,
            startX:0,
            pageX:0,
            pageY:0,
            changed: false
        }
        var pageNum = 1;
        // var min_app=false;
        var res_loader = new createjs.LoadQueue(false);
        var start_page_loader = new createjs.LoadQueue(false);

        // function init() { mc_4mcode
        //     var comp=AdobeAn.getComposition("D0A85E88F37248D8BAB0E6AD7AE2ADD8");
        //     var lib=comp.getLibrary();
        //
        //     var manifest = [
        //         {src:lib.properties.manifest[0].src, id:lib.properties.manifest[0].id}//,
        //         // {src:lib.properties.manifest[0].src, id:lib.properties.manifest[1].id}
        //     ]
        //
        //     res_loader.loadManifest(manifest);
        //     res_loader.addEventListener("complete", function(evt){
        //         // getWeiChatTicket();
        //         resloadFinish();
        //     })
        // }

        // function showView(user) {
        //     $.ajax({
        //         type: "GET",//方法类型
        //         dataType: "json",//预期服务器返回的数据类型
        //         url: url_head+"web/user/login_by_userId?userId="+user.id,
        //         success: function (e) {
        //             console.log("## result: ", e);
        //             if(e.errcode==0&&e.completion&&e.user!=null) {
        //                 updateUserInfo(e.user, e.accessToken, user.temporary_key);
        //                 resloadFinish();
        //                 $(".loading-view").removeClass("show");
        //             } else {
        //                 redirect = indexViewId;
        //                 indexViewId = 12;
        //                 resloadFinish();
        //                 $(".loading-view").removeClass("show");
        //             }
        //         },
        //         error : function(err) {
        //             Toast("未知错误");
        //         }
        //     });
        // }

        // function resloadFinish() {
        //     canvas = document.getElementById("canvas");
        //     anim_container = document.getElementById("animation_container");
        //     dom_overlay_container = document.getElementById("dom_overlay_container");
        //     var comp=AdobeAn.getComposition("D0A85E88F37248D8BAB0E6AD7AE2ADD8");
        //     var lib=comp.getLibrary();
        //
        //     var loader = new createjs.LoadQueue(false);
        //     loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
        //     loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
        //     loader.loadManifest(lib.properties.manifest);
        // }

        // function handleFileLoad(evt, comp) {
        //     var images=comp.getImages();
        //     if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }
        // }

        function handleComplete(evt,comp) {
            //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
            var lib=comp.getLibrary();
            var ss=comp.getSpriteSheet();
            var queue = evt.target;
            var ssMetadata = lib.ssMetadata;
            for(i=0; i<ssMetadata.length; i++) {
                ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
            }
            exportRoot = new lib.main();
            stage = new lib.Stage(canvas);
            stage.enableMouseOver();
            //Registers the "tick" event listener.
            fnStartAnimation = function() {
                stage.addChild(exportRoot);
                createjs.Ticker.framerate = lib.properties.fps;
                createjs.Ticker.addEventListener("tick", stage);
            }

            let inited = false;
            let resizeCount =  0;
            AdobeAn.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {
                var lastW, lastH, lastS=1;
                window.addEventListener('resize', resizeCanvas);
                resizeCanvas();

                function resizeCanvas() {
                    var w = lib.properties.width, h = lib.properties.height;
                    var iw = window.innerWidth, ih=window.innerHeight;

                    var ratio = ih/iw;

                    // if(ratio<1) {
                    //     Toast("请在竖屏模式下浏览")
                    // }
                    // if(inited) return;

                    if(!inited&&ratio>1) {
                        if(resizeCount==0) {
                            inited = true;
                        } else {
                            // location.reload();
                        }
                    }

                    var w = lib.properties.width;
                    var h = w*ratio;
                    lib.properties.height = h;

                    canvasScale=w/iw;
                    pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;

                    if(isResp) {
                        if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {
                            sRatio = lastS;
                        }
                        else if(!isScale) {
                            // if(iw<w || ih<h)
                            sRatio = Math.min(xRatio, yRatio);
                        }
                        else if(scaleType==1) {
                            sRatio = Math.min(xRatio, yRatio);
                        }
                        else if(scaleType==2) {
                            sRatio = Math.max(xRatio, yRatio);
                        }
                    }
                    domContainers[0].width = w * pRatio * sRatio;
                    domContainers[0].height = h * pRatio * sRatio;
                    domContainers.forEach(function(container) {
                        container.style.width = w * sRatio + 'px';
                        container.style.height = h * sRatio + 'px';
                    });
                    stage.scaleX = pRatio*sRatio;
                    stage.scaleY = pRatio*sRatio;
                    lastW = iw; lastH = ih; lastS = sRatio;
                    stage.tickOnUpdate = false;
                    stage.update();
                    stage.tickOnUpdate = true;

                    handleResizeCanvas(evt, comp);
                    stage_inited = true;

                    resizeCount++;
                }
            }

            //Code to support hidpi screens and responsive scaling.
            AdobeAn.makeResponsive(true, 'both', false,1,[canvas,anim_container,dom_overlay_container]);
            AdobeAn.compositionLoaded(lib.properties.id);
            fnStartAnimation();

            createjs.Touch.enable(stage);
            createjs.EventDispatcher.initialize(main_page.prototype);

            // exportRoot.loading_mc.alpha = 0;

            // exportRoot.main_dlg.visible = false;
            // exportRoot.main_dlg.mask_mc.visible = false;
            // exportRoot.main_dlg.close_btn.visible = false;

            // exportRoot.main_dlg.mask_mc.alpha = 0;
            // exportRoot.main_dlg.content_mc.alpha = 0;

            pageUtil = new PageUtil(evt, comp);

            // $("video").each(function (itera, el) {
            //     addSourceToVideo(el, $(el).data("src"), "video/mp4");
            // });

            $("#loading").css("display", "none");

            // exportRoot.mc_4mcode.y = lib.properties.height-40;
            // exportRoot.music.visible = false;
            // exportRoot.music.y = lib.properties.height-80;
            // exportRoot.music.addEventListener("click", function(e) {
            //     music_state = !music_state;
            //     var audio = document.getElementById("Jaudio")
            //     if(music_state) {
            //         exportRoot.music.play();
            //         audio.play();
            //         exportRoot.music.mc.stop_mc.visible = false;
            //     } else {
            //         exportRoot.music.stop();
            //         audio.pause();
            //         exportRoot.music.mc.stop_mc.visible = true;
            //     }
            // })

            // App.address = {code: 38};
            // App.loading.show=false;
            // mainPage = new main_page(evt, comp, 1);
            // exportRoot.logo_2.y = lib.properties.height-35;
            // exportRoot.mc_4mcode.y = lib.properties.height-35;
            // pageUtil.onOrientationChange(App.orientation);
            // mainPage.onInited();

            //获取是否提交过
            // getSubmitCount((res)=>{
            //     if (res.data.errcode == 0){
            //         App.isSubmit = res.data.count > 0
            //         // App.isSubmit = true;
            //         mainPage = new main_page(evt, comp, App.isSubmit? 2 : 1);
            //         mainPage.onInited();
            //     }else {
            //         vant.showToast(res.data.errmsg)
            //     }
            // })

            mainPage = new main_page(evt, comp, 1);
            mainPage.onInited();

            // reqInstance.get('user/get/user_info').then((res) => {
            //     console.log(res);
            //     if (res.data.errcode == 0) {
            //         App.loading.show=false;
            //         mainPage = new main_page(evt, comp, 1);
            //         mainPage.onInited();
            //     } else {
            //         Toast(res.data.errmsg)
            //     }
            // })

            exportRoot.main.addEventListener("mousedown", function(e) {
                // return;
                drager_.x = e.stageX;
                drager_.y = e.stageY;
                drager_.startX = e.stageX;
                drager_.startY = e.stageY;

                mainPage.currPage.onDrag();
                // console.log("#### root mousedown", drager_.startX, drager_.startY)

                var onPressmove = e=>{
                    var dragX = 0;
                    var dragY = 0;

                    switch (App.orientation) {
                        case HORIZONTAL:{
                            // 水平
                            // console.log("##### horizontal")

                            if(isNaN(drager_.startX)||drager_.startX==undefined) {
                                drager_.startX=e.stageX;
                                drager_.x = e.stageX;
                            }

                            dragX = e.stageX-drager_.startX;
                            // console.log("#### root onPressmove dragX", dragX)
                            // console.log("##### dragX", dragX)

                            if(mainPage.nextPage) {
                                var x = mainPage.nextPage.x;
                                x += (e.stageX - drager_.x)/stage.scaleX;

                                if(mainPage.nextPageNum == mainPage.currPageNum+1) {
                                    if(x>lib.properties.width) {
                                        x = lib.properties.width
                                    }

                                    if(Math.abs(lib.properties.width-mainPage.nextPage.x)>50) {
                                        drager_.changed = true;
                                    } else {
                                        drager_.changed = false;
                                    }
                                }

                                if(mainPage.nextPageNum == mainPage.currPageNum-1) {

                                    if(x<-lib.properties.width) {
                                        x = -lib.properties.width
                                    }

                                    if(Math.abs(mainPage.nextPage.x)<lib.properties.width-50) {
                                        drager_.changed = true;
                                    } else {
                                        drager_.changed = false;
                                    }
                                }

                                mainPage.nextPage.x = x;
                            }

                            if(mainPage.nextPage==null&&Math.abs(dragX)>10) {
                                if(dragX<0) {
                                    if(!lib["page_"+(mainPage.currPageNum+1)]) {
                                        return;
                                    }

                                    mainPage.nextPageNum = mainPage.currPageNum+1;
                                    // 竖屏
                                    drager_.pageX = lib.properties.width;
                                    drager_.pageY = lib.properties.height;
                                } else {
                                    if(mainPage.currPageNum<=1) {
                                        return;
                                    }

                                    console.log("##### mainPage.currPageNum", mainPage.currPageNum);

                                    // if(mainPage.currPageNum==3) {
                                    //     mainPage.nextPageNum = 1
                                    // } else {
                                    mainPage.nextPageNum = mainPage.currPageNum-1;
                                    // }

                                    // 竖屏
                                    drager_.pageX = -lib.properties.width;
                                    drager_.pageY = lib.properties.height
                                }

                                mainPage.nextPage = pageUtil.getPage(mainPage.nextPageNum);
                                mainPage.nextPage.x = drager_.pageX;
                                mainPage.nextPage.y = drager_.pageY;

                                exportRoot.main.addChild(mainPage.nextPage);
                            }
                            break
                        }
                        case VERTICAL: {
                            // 竖屏
                            // console.log("##### vertical");
                            // console.log("##### vertical", e.stageY, drager_.startY);

                            if(isNaN(drager_.startY)||drager_.startY==undefined) {
                                drager_.startY=e.stageY;
                                drager_.y = e.stageY;
                            }

                            dragY = e.stageY-drager_.startY;

                            if(mainPage.nextPage) {
                                var y = mainPage.nextPage.y;
                                y += (e.stageY - drager_.y)/stage.scaleY;

                                if(mainPage.nextPageNum > mainPage.currPageNum) {
                                    if(y>lib.properties.height) {
                                        y = lib.properties.height
                                    }

                                    if(Math.abs(lib.properties.height-mainPage.nextPage.y)>50) {
                                        drager_.changed = true;
                                    } else {
                                        drager_.changed = false;
                                    }
                                }

                                if(mainPage.nextPageNum < mainPage.currPageNum) {

                                    if(y<-lib.properties.height) {
                                        y = -lib.properties.height
                                    }

                                    if(Math.abs(mainPage.nextPage.y)<lib.properties.height-50) {
                                        drager_.changed = true;
                                    } else {
                                        drager_.changed = false;
                                    }
                                }

                                mainPage.nextPage.y = y;
                            }

                            if(mainPage.nextPage==null&&Math.abs(dragY)>10) {

                                let event = new createjs.Event();
                                event.type = PAGE_EVENT_GETPAGENUM;

                                if(dragY<0) {
                                    if(!lib["page_"+(mainPage.currPageNum+1)]) {
                                        return;
                                    }

                                    // if(mainPage.currPageNum==4&&!App.user.isUpload) {
                                    //     return;
                                    // }

                                    event.pageNum = mainPage.currPageNum+1;
                                    mainPage.dispatchEvent(event);

                                    mainPage.nextPageNum = event.pageNum;

                                    if(mainPage.nextPageNum != mainPage.currPageNum) {
                                        // 竖屏
                                        drager_.pageY = lib.properties.height;
                                        drager_.pageX = 0;
                                    }
                                } else {
                                    // if(mainPage.currPageNum<=2) {
                                    //     return;
                                    // }

                                    event.pageNum = mainPage.currPageNum-1;
                                    mainPage.dispatchEvent(event);
                                    mainPage.nextPageNum = event.pageNum;

                                    if(mainPage.nextPageNum != mainPage.currPageNum) {
                                        // 竖屏
                                        drager_.pageY = -lib.properties.height;
                                        drager_.pageX = 0;
                                    }
                                }

                                if(mainPage.nextPageNum != mainPage.currPageNum) {
                                    mainPage.nextPage = pageUtil.getPage(mainPage.nextPageNum);
                                    mainPage.nextPage.x = drager_.pageX;
                                    mainPage.nextPage.y = drager_.pageY;
                                    exportRoot.main.addChild(mainPage.nextPage);

                                    // if(mainPage.nextPageNum==2) {
                                    //     var pt = mainPage.nextPage.page.mc.localToLocal(mainPage.nextPage.page.mc.bg3.x, mainPage.nextPage.page.mc.bg3.y, mainPage.nextPage.page);
                                    //     mainPage.nextPage.page.mc.x -= pt.x;
                                    //     mainPage.nextPage.page.mc.gotoAndStop(mainPage.nextPage.page.mc.totalFrames-1);
                                    // }
                                }
                            }
                            break
                        }
                    }

                    drager_.x = e.stageX;
                    drager_.y = e.stageY;
                }

                // exportRoot.home_btn.addEventListener("mousedown", function(e) {
                //     e.stopPropagation();
                // })

                exportRoot.main.addEventListener("pressmove", onPressmove);
                exportRoot.main.addEventListener("pressup", function (e) {
                    e.remove();
                    exportRoot.main.removeEventListener("pressmove", onPressmove);

                    var alpha = 1;
                    var x = drager_.pageX
                    var y = drager_.pageY

                    if(drager_.changed) {
                        x = 0;
                        y = 0;

                        switch (App.orientation) {
                            case HORIZONTAL: {
                                // 横屏
                                y = lib.properties.height
                                break
                            }
                            case VERTICAL: {
                                // 竖屏
                                break
                            }
                        }
                    }

                    if(mainPage.nextPage) {
                        mainPage.currPage.onDragFinish(drager_.changed);
                        createjs.Tween.get(mainPage.nextPage, {override:true}).to({x:x, y:y, alpha:alpha}, 400).call((event)=>{
                            if(drager_.changed) {
                                exportRoot.main.removeChild(mainPage.currPage);
                                mainPage.currPage.onDestroy();

                                mainPage.currPage = mainPage.nextPage;
                                mainPage.currPageNum = mainPage.nextPageNum
                                mainPage.currPage.onUpdate();
                            } else {
                                exportRoot.main.removeChild(mainPage.nextPage);
                                mainPage.nextPage.onDestroy();
                            }
                            mainPage.nextPage = null;
                            mainPage.nextPageNum = null;
                        });
                    } else {
                        mainPage.currPage.onDragFinish();
                    }
                })
            })
        }

        function handleResizeCanvas(evt, comp) {

        }

        function getWeiChatTicket() {
            axios({
                method: 'post',
                dataType: 'json',
                url: httpHead+"weixin/ticket",
                params: {
                    url: window.location.href, appid:appid
                }
            }).then((response)=>{
                console.log(response.data);
                let result = response.data;

                wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: appid, // 必填，公众号的唯一标识
                    timestamp: result.timestamp, // 必填，生成签名的时间戳
                    nonceStr: result.nonceStr, // 必填，生成签名的随机串
                    signature: result.signature,// 必填，签名
                    jsApiList:['getLocalImgData','chooseImage','updateAppMessageShareData','updateTimelineShareData','openLocation']
                });


                wx.ready(function() {
                    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                    wx.updateAppMessageShareData({
                        title: '全国III期肺癌高峰论坛', // 分享标题
                        desc: '邀请函', // 分享描述
                        link: 'http://online.jup360.com/hteam/www/letter20240403/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: 'http://online.jup360.com/hteam/www/letter20240403/images/share_icon.png', // 分享图标
                        success: function () {
                            // 设置成功
                            // alert('set finish')
                        }
                    });

                    wx.updateTimelineShareData({
                        title: '全国III期肺癌高峰论坛', // 分享标题
                        desc: '邀请函', // 分享描述
                        link: 'http://online.jup360.com/hteam/www/letter20240403/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: 'http://online.jup360.com/hteam/www/letter20240403/images/share_icon.png', // 分享图标
                        success: function () {
                            // 设置成功
                        }
                    });
                })

                wx.error(function(res){
                    console.log(res)
                    // Toast("请求失败，请刷新重试");
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
                });

                var audioEle = document.getElementById("Jaudio");
                audioEle.src="./images/bg.mp3";
                this.audioAutoPlay('Jaudio');

            }).catch((error)=>{
                console.log(error);
            });
        }

        function audioAutoPlay(id) {
            var audio = document.getElementById(id),
                play = function(){
                    audio.play();
                    exportRoot.music.visible = true;
                    exportRoot.music.play();
                    exportRoot.music.mc.stop_mc.visible = false;
                    document.removeEventListener("touchstart", play, false);
                };
            audio.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                play();
            }, false);
            document.addEventListener('YixinJSBridgeReady', function() {
                play();
            }, false);
            document.addEventListener("touchstart",play, false);
        }
    </script>
    <!-- write your code here -->
</head>
<body style="margin:0px;">
    <div id="App">
        <div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:750px; height:1334px">
            <canvas id="canvas" width="750" height="1334" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
            <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:750px; height:1334px; position: absolute; left: 0px; top: 0px; display: block;">
            </div>
        </div>

        <div id="loading" class="loading-view show">
            <div class="loading-view_bar"></div>
        </div>

        <div class="input-box" :class="{show: user.name.show}" :style="{ top: user.name.top+'px', left: user.name.left+'px', width: user.name.width+'px', height: user.name.height+'px' }">
            <input type="text" placeholder="姓名" :disabled="user.name.disabled" v-model="user.name.value">
        </div>

        <div class="input-box" :class="{show: user.phone.show}" :style="{ top: user.phone.top+'px', left: user.phone.left+'px', width: user.phone.width+'px', height: user.phone.height+'px' }">
            <input type="text" placeholder="电话" :disabled="user.phone.disabled" v-model="user.phone.value">
        </div>

        <div class="input-box" :class="{show: user.address.show}" :style="{ top: user.address.top+'px', left: user.address.left+'px', width: user.address.width+'px', height: user.address.height+'px' }">
            <input type="text" placeholder="地址" :disabled="user.address.disabled" v-model="user.address.value">
        </div>

        <div class="popup_view" :class="{ show: rulePopup.show }">
            <div class="popup_view-mask"></div>
            <div class="popup_view-close_btn" @click="rulePopup.show=false;"></div>
            <div class="popup_view-view">
                <div class="popup_view-view_title" style="width: 6.56rem;">
                    <img src="images/title.png">
                </div>
                <div class="content" style="margin-bottom: 0.5rem; padding: 0.5rem;">
                    <img src="images/rule-txt.jpg">
                </div>
                <div class="radio-box">
                    <input type="radio" id="huey" name="drone" :value="1" v-model="rulePopup.selected"/>
                    <div class="label" for="huey">我已阅读并同意</div>
                </div>
            </div>
        </div>
        <audio src="" id="Jaudio" class="media-audio" preload loop="loop"></audio>
    </div>
</body>
<script>
    // // 竖屏
    // const VERTICAL = 1;
    // const HORIZONTAL = 2;


    let screen = null;

    const getRandom = (min, max) => parseInt(Math.random() * (max - min + 1)) + min

    const { createApp } = Vue;
    const App = createApp({
        data() {
            return {
                lib: null,
                address: null,
                count: null,
                mapIdx: 0,
                bitmapData: null,
                shareDataURL: null,
                shareTop: 0,
                shareLeft: 0,
                shareWidth: 0,
                shareHeight: 0,
                searchChar: null,
                orientation: VERTICAL,
                loading: {
                    show: true
                },
                rulePopup:{
                    show: false,
                    selected: null
                },
                qr: {
                    show: false,
                    top: 0,
                    left: 0,
                    width: 0,
                    height: 0
                },
                user: {
                    name: {
                        top: 0,
                        left: 0,
                        width: 0,
                        height: 0,
                        value: '',
                        show: false,
                        disabled: false
                    },
                    phone: {
                        top: 0,
                        left: 0,
                        width: 0,
                        height: 0,
                        value: '',
                        show: false,
                        disabled: false
                    },
                    address: {
                        top: 0,
                        left: 0,
                        width: 0,
                        height: 0,
                        value: '',
                        show: false,
                        disabled: false
                    },
                    image: null,
                    isUpload: false
                },
                showPicker: false,
                selectedValue:"",
                isSubmit: false,
                //page3当前状态  1:未中奖 2:中奖机会已用完 3:中奖
                page_3_status: 0,
            }
        },
        mounted() {
            this.checkOrientation();
            // 监听窗口大小变化
            window.addEventListener("resize", ()=>{
                this.checkOrientation();
            });

            init();
            this.init();
            // getWeiChatTicket();
        },
        watch: {
            'rulePopup.selected': function (val) {
                if (val == 1) {
                    setTimeout(()=>{
                        this.rulePopup.show = false;
                    }, 500);
                }
            }
        },
        methods: {
            init() {
                var comp=AdobeAn.getComposition("D0A85E88F37248D8BAB0E6AD7AE2ADD8");
                var lib=comp.getLibrary();

                var manifest = [
                    {src:lib.properties.manifest[0].src, id:lib.properties.manifest[0].id}
                ]

                res_loader.loadManifest(manifest);
                res_loader.addEventListener("complete", (evt)=>{
                    this.resloadFinish();
                })
            },
            onTxtInput() {
                console.log(this.animationSequence.txtInput.txt,  mainPage.currPage.page.mc)

                const fontFamily = 'mfont, -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif';

                var text = new createjs.Text(this.animationSequence.txtInput.txt, 15*stage.scaleX*canvasScale+"px "+fontFamily, "#489648");
                text.name = "my_txt";
                text.lineWidth = mainPage.currPage.page.mc.mc_img.getTransformedBounds().width;

                if(mainPage.currPage.page.mc.mc_img.getChildByName("my_txt"))
                    mainPage.currPage.page.mc.mc_img.removeChild(mainPage.currPage.page.mc.mc_img.getChildByName("my_txt"));

                mainPage.currPage.page.mc.mc_img.addChild(text);

            },
            resloadFinish() {
                canvas = document.getElementById("canvas");
                anim_container = document.getElementById("animation_container");
                dom_overlay_container = document.getElementById("dom_overlay_container");
                var comp = AdobeAn.getComposition("D0A85E88F37248D8BAB0E6AD7AE2ADD8");
                lib = comp.getLibrary();
                this.lib = lib;

                var loader = new createjs.LoadQueue(false);
                loader.addEventListener("fileload", (evt)=>{this.handleFileLoad(evt,comp)});
                loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
                loader.loadManifest(this.lib.properties.manifest);
            },
            handleFileLoad(evt, comp) {
                var images=comp.getImages();
                if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }
            },
            checkOrientation() {
                if (window.innerWidth > window.innerHeight) {
                    // console.log("横屏模式");
                    this.orientation = HORIZONTAL;
                } else {
                    // console.log("竖屏模式");
                    this.orientation = VERTICAL;
                }
            },
            onSelectProvince(index) {
                console.log(this.maps[index].name)
                this.user.province.value = this.maps[index].name;
                this.provincePoupu.show=false;
            },
            //大区选择打开弹窗
            areaPickerShow(e){
                this.showPicker = true;
                this.enterCallback = e
            },
            //大区选择确认事件
            onPickerConfirm(e){
                this.showPicker = false;
                this.animationSequence.txtInput.txt = e.selectedValues[0]
                this.selectedValue = e.selectedValues[0]
                this.animationSequence.txtInput.show = false
                this.enterCallback()
            },
            //大区选择取消事件
            onPickerCancel(){
                this.showPicker = false;
                this.animationSequence.txtInput.show = false
                this.enterCallback()
            }
        }
    }).use(vant).use(vant.Lazyload).mount('#App');

    function begin_playing(id){
        /******代码段******/
        $("#"+id).attr("poster", null);
    }
</script>
</html>
